<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>小物</title>
    <!-- wasm support -->
    <script src="wasm_exec.js"></script>
    <script src="xiaowu-web-wasm.js"></script>
    <!-- Import style -->
    <link rel="stylesheet" href="./3rd/element-plus/index.css" />
    <!-- Import Vue 3 -->
    <script src="./3rd/vue/vue.global.js"></script>
    <!-- Import component library -->
    <script src="./3rd/element-plus/index.full.js"></script>

    <script src="script.js"></script>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div id="app">
        <div class="navbar block-2">
            <div class="block">
                <div class="flex-1">小　物<br>拉丁语、古希腊语<br>汉字转写程序</div>
                <div class="flex-1">
                    <img src="./logo.png">
                </div>
            </div>
            <div class="block">
                <div>　　惟公懋德，克勤小物。<br>　　　　——《尚书 • 毕命》</div>
            </div>
        </div>
        <div class="block-2 content">
            <div class="block translate-wrapper">
                <textarea class="the-input" placeholder="请在此处输入原名" v-model="input" @input="onInputChange" wrap="off"
                    @scroll="contentScrollTop = $event.target.scrollTop"
                    :scroll-top.camel="contentScrollTop"></textarea>
                <textarea class="the-output" readonly placeholder="" :value="output" wrap="off"
                    @scroll="contentScrollTop = $event.target.scrollTop"
                    :scroll-top.camel="contentScrollTop"></textarea>
            </div>
            <div class="block">
                <ol>
                    <li>本程序是自动化转写程序，但可提示二百余个旧译名。</li>
                    <li>本程序仅适用于可直接转写的形式，无词源追溯功能。</li>
                    <li>请输入拉丁语或古希腊语原文。</li>
                    <li>请注意区分拉丁字母u和v。</li>
                    <li>请注意区分带分音符与不带分音符的形式。</li>
                    <li>请勿输入带有长音符、短音符或重音符的拉丁字母。</li>
                    <li>请勿输入带有长音符或短音符的希腊字母。</li>
                    <li>请勿输入标准字母表之外的希腊字母。</li>
                    <li>请勿输入空格、标点符号、数字、连字（ligature）或组合用发音符。</li>
                </ol>
            </div>
        </div>
        <div class="block-1">
            <div class="block-title" v-for="t in tips" :key="t">{{t}}</div>
        </div>
        <div class="block-2">
            <div class="block">
                <div class="block-title">理论依据</div>
                <div class="block-content">
                    <ul class="ul-references">
                        <li><a target="_blank" href="./references/转写表.pdf">《拉丁语古希腊语汉字转写表》</a></li>
                        <li><a target="_blank" href="./references/流程图.jpg">《古典学音译流程图》</a></li>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="block">
                <div class="block-title">　</div>
                <div class="block-content">
                    <ul class="ul-references">
                        <li><a target="_blank" href="./references/试论文.pdf">《试论古典学中的汉字转写（音译）问题》</a></li>
                        <li><a target="_blank" href="./references/设计书.pdf">《拉丁语古希腊语汉字转写程序“小物”设计书》</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="block-2">
            <div class="block">
                <div class="block-title">代码作者</div>
                <div class="block-content">施文华<br>慕尼黑工业大学 工学硕士</div>
            </div>
            <div class="block">
                <div class="block-title">转写方案、程序算法设计者</div>
                <div class="block-content">顾枝鹰<br>
                    中国人民大学古典文明研究中心 古典学博士<br>
                    中国社会科学院外国文学研究所古典学研究室 助理研究员<br>
                    frugihomunculus@163.com
                </div>
            </div>
        </div>
        <div class="block-2">
            <div class="block">
                <div class="block-title">图标释义</div>
                <div class="block-content">本程序图标中的“小物”二字临摹自殷墟甲骨文。</div>
            </div>
            <div class="block">
                <div class="block-title">版本号</div>
                <div class="block-content"><span>{{version}}</span>&nbsp;<span v-if="updatable">
                        <a target="_blank" :href="release_url">下载新版本</a>
                    </span></div>
            </div>
        </div>
        <div class="block-2">
            <div class="block">
                <div class="block-title">鸣　谢</div>
                <div class="block-content">
                    中国社会科学院外国文学研究所古典学研究室、《古典学研究》编辑部<br>
                    中国社会科学院“绝学”、冷门学科建设项目“古典学研究”<br>
                    中国外国文学学会古典学研究分会
                </div>
            </div>

            <div class="block">
                <div class="block-title">友情链接</div>
                <div class="block-content">
                    <a target="_blank" href="https://researchinclassics.ajcass.com">《古典学研究》网上投稿系统</a><br>
                    <a target="_blank"
                        href="https://www.ncpssd.org/journal/details?gch=11164X&nav=1&langType=1">《古典学研究》期刊浏览（国家哲学社会科学文献中心）</a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>